<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script type="text/javascript" src="../js/vue-2.6.12.js"></script>
<script type="text/javascript" src="../js/vue-router-3.4.9.js"></script>
<div id="app">
</div>

<template id="phone-login-form">
    <form action="">
        手机号: <input type="number" name="phone" > <br>
        验证码: <input type="password" name="code"> <br>
        <input type="submit" value="登录">
    </form>
</template>
<script>

    const phoneLogin = {
        template:"#phone-login-form"
    }


    const vm = new Vue({
        el:"#app",
        components:{
            phoneLogin
        },
        template:"<phone-login></phone-login>"
    })
</script>
</body>
</html>